<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>学在天大</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimal-ui" />
    <meta name="apple-mobile-web-app-status-bar-style" content="yes" />
    <link rel="stylesheet" href="css/app.min.css" />
    <link rel="stylesheet" href="css/angular-toastr.min.css" />
    <link rel="stylesheet" href="css/responsive.min.css" />
    <script src="http://localhost:8001/target/target-script-min.js"></script>
    <script src="js/app.min.js"></script>
  </head>
  <body ng-app="CourseApp" ng-controller="MainController">

    <!-- Sidebars -->
    <div ng-include="'sidebar.html'" 
            ui-track-as-search-param='true'
            class="sidebar sidebar-left" ng-controller="SidebarController"></div>

    <div class="app" ng-swipe-right='Ui.turnOn("uiSidebarLeft")' ng-swipe-left='Ui.turnOff("uiSidebarLeft")'>

      <!-- Navbars -->
      
      <div ui-show='!isStateLoading' ui-view="navView"></div>
      
        <stateLoadingIndicator></stateLoadingIndicator>
        <!-- App Body -->
        <div class="app-body">
          <div class="app-content">
            <div ui-show='!isStateLoading' ui-view="contentView"></div>
          </div>
        </div>
      </div>
      <!-- ~ .app -->
      
      <div ui-yield-to="modals"></div>

      <div ui-content-for="modals">
        <div ng-include="'modal.login.html'"></div>
        <div ng-include="'modal.chgpwd.html'"></div>
        <div ng-include="'modal.addcourse.html'"></div>
        <div ng-include="'modal.locate.html'"></div>
      </div>
  </body>
</html>